<template>
    <view class="pick-container">
        <view class="pick-box">
            <view class="pick-title">
                商家地址：{{ item.address }}
            </view>
            <view class="pick-title">联系人：{{ item.store_name }}</view>
            <view class="pick-title">联系电话：{{ item.store_phone }}</view>
        </view>
        <view class="pick-box" @tap="isShow = isShow ? false : true">
            <view class="pick-box-flex">
                <view class="pick-title">是否自提</view>
                <image class="pick-icon" v-if="isShow" src="https://daiyue.gzzhenyi.net/static/index/car-unsel.svg"
                    mode="scaleToFill" />
                <image class="pick-icon" v-else src="https://daiyue.gzzhenyi.net/static/index/car-sel.svg"
                    mode="scaleToFill" />
            </view>
        </view>
        <button @click="" class="uni-buttons">确定</button>
    </view>
</template>
<script>
export default {
    data() {
        return {
            isShow: false,
            item: {}
        }
    },
    onLoad(options) {
        this.item = JSON.parse(options.item)
    }
}
</script>

<style scoped lang="scss">
.pick-container {
    padding: 30upx;
    position: relative;
    height: 100vh;

    .pick-box {
        padding: 20upx;
        background-color: #FFFFFF;
        border-radius: 15upx;
        margin-bottom: 30upx;

        .pick-title {
            font-size: 30upx;
            color: #333333;
            margin: 10upx 0;
        }

        .pick-box-flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .pick-icon {
            width: 30upx;
            height: 30upx;
        }

    }

    .uni-buttons {
        position: absolute;
        bottom: 180upx;
        left: 0;
        right: 0;
        background-color: #359BEF;
        color: #ffffff;
        border-radius: 40px;
        margin: 0 30upx;
        font-size: 30upx;
    }
}
</style>